<template>
	<div class="list-block media-list list-comment">
    	<ul>
    		<slot></slot>
    	</ul>
    </div>
</template>
<style lang="less">
	@import "../assets/css/variable.less";
	.list-comment{
		font-size:0.7rem;
		margin-bottom: 0;
		ul:before{
			height:0;
		}
		margin-top:10px;
		.item-content{
			padding-left:0.5rem;
		}
		.item-after{
			font-size: @fs-smaller;
			color: @fc-light;
			margin-right:0.5rem;
			margin-top: 0.75rem;
			position: absolute;
			top: 0;
			right: 0.5rem;
		}
		.item-media{
			position: relative;
			width: 2rem;
			height: 2rem;
			padding: 0 !important;
			margin-top: 0.5rem;
			img{
				width: 100%;
				height: 100%;
				border-radius:1rem;
				overflow:hidden;
			}
			.icon-vip{
				position: absolute;
				bottom: 0;
				right: 0;
				background-image:url(../assets/images/icon-vip.png);
				background-repeat: no-repeat;
				background-size: cover;
				width: 0.6rem;
				height: 0.6rem;
				display: block;
				z-index: 999;
			}
		}
		.item-text{
			font-size: @fs-smaller;
			color: @fc-light;
			margin-top:0.15rem;
			.nick-name{
				color: @color-theme;
			}
		}
		.item-content{
			align-items: flex-start;
		}
	}
</style>